import { Block, View, Image, Text } from '@tarojs/components'
import { useSelector } from 'react-redux'


function CardGif({ progressNum }) {
  const statusNavHeight = useSelector(state => state.company.__headerHeight);

  return (
    <Block>
      (
      <View
        className='load-gif'
        style={'padding-top: ' + statusNavHeight + 'px;'}
      >
        <Image
          style='margin-top:40rpx;'
          src={require('../../../../assets/images/load.gif')}
          mode='widthFix'
        ></Image>
        <View className='progress'>
          {progressNum}
          <Text className='normal-text'>%</Text>
        </View>
        <View className='loading-tips'>正在加载名片...</View>
      </View>
      )
    </Block>
  )
}

export { CardGif }